<template>
  <div class="main_box">
    <el-row>
      <el-col :span="12">
        <Crumbs></Crumbs>
      </el-col>
      <el-col :span="12">
        <div class="opration_wrap">
          <el-button type="primary" icon="fa fa-mail-forward" @click="returnList">返回</el-button>
        </div>
      </el-col>
    </el-row>
    <div class="detail_wrap">
      <div class="tit">
        <h2>基础信息</h2>
      </div>
      <div class="con">
        <ul>
          <li v-show="DetailData.customerCode">
            <label class="label">客户编号</label>
            <span>{{DetailData.customerCode}}</span>
          </li>
          <li v-show="DetailData.customerNickName">
            <label class="label">客户昵称</label>
            <span>{{DetailData.customerNickName}}</span>
          </li>
          <li>
            <label class="label">资金余额</label>
            <span>{{DetailData.accountMoney}}</span>
          </li>
          <li>
            <label class="label">冻结金额</label>
            <span>{{DetailData.statisticsMoney}}</span>
          </li>
          <li>
            <label class="label">可提现金额</label>
            <span>{{DetailData.cashMoney}}</span>
          </li>
          <li v-show="DetailData.customerTel">
            <label class="label">银行绑定手机号码</label>
            <span>{{DetailData.customerTel}}</span>
          </li>
          <li v-show="DetailData.customerName">
            <label class="label">客户姓名</label>
            <span>{{DetailData.customerName}}</span>
          </li>
          <li v-show="DetailData.cardId">
            <label class="label">身份证号</label>
            <span>{{DetailData.cardId}}</span>
          </li>
          <li v-show="DetailData.bankAccountNo">
            <label class="label">银行账号</label>
            <span>{{DetailData.bankAccountNo}}</span>
          </li>
          <li v-show="DetailData.openBank">
            <label class="label">开户银行</label>
            <span>{{DetailData.openBank}}</span>
          </li>
          <li v-show="DetailData.bankType">
            <label class="label">银行卡类型</label>
            <span>{{DetailData.bankType}}</span>
          </li>
          <li v-show="DetailData.createDate">
            <label class="label">创建时间</label>
            <span>{{DetailData.createDate}}</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import Crumbs from "@/components/Crumbs";
import { FORMAT_DATE_YYYY_MM_DD } from "@/constants/constants";
export default{
    data(){
        return {
          DetailData: ""
        }
    },
    components:{
      Crumbs
    },
    methods:{
      getData(){
        this.$Get(this.$Config.api.customerAccountInfo, {customerAccountId:this.$route.query.id})
        .then(res => {
          this.DetailData = res.data
        })
      },
      returnList(){
        this.$router.push({name: '客户资金列表'});
      }
    },
    mounted(){
      this.getData();
    }
}
</script>
<style lang="scss" src="@/assets/css/views/Detail.scss" scope>
</style>
